<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <link rel="shortcut icon" href="../static/images/s.ico" type="image/x-icon">
    <link rel="stylesheet" href="../static/css/reset.css">
    <!-- 二级页面的公共样式代码 -->
    <link rel="stylesheet" href="../static/css/common.css">
    <!-- 页面的独有样式 -->
    <link rel="stylesheet" href="../static/css/blog.css">
    <title>博客</title>
</head>

<body>
    <!-- 顶部栏 -->
    <div class="header">
        <!-- 顶部栏版心 -->
        <div class="inner_c header_c">
            <!-- 所有类别弹出栏 -->
            <div id="all-type" class="all-type">
                <!-- 所有类别 -->
                <div class="fix-width">
                    <ul class="type-left">
                        <li>
                            <a href="#">不锈钢</a>
                        </li>
                        <li>
                            <a href="#">原料水泥</a>
                        </li>
                        <li>
                            <a href="#">塑料</a>
                        </li>
                        <li>
                            <a href="#">木制</a>
                        </li>
                        <li>
                            <a href="#">陶瓷</a>
                        </li>
                    </ul>
                    <div class="type-right">
                        <ul>
                            <li>
                                <a href="#" class="goods-link" target="_blank" title="简约原木餐盘">
                                    <img src="../static/images/img25.png" alt="简约原木餐盘">
                                </a>
                                <a href="#" class="goods-title" title="简约原木餐盘" target="_blank">简约原木餐盘</a>
                                <div class="price">
                                    <span>￥300.00</span>
                                </div>
                                <a href="#" class="mask">
                                    <span>查看详情</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="goods-link" target="_blank" title="不锈钢时尚咖啡水壶">
                                    <img src="../static/images/img26.png" alt="不锈钢时尚咖啡水壶">
                                </a>
                                <a href="#" class="goods-title" title="不锈钢时尚咖啡水壶" target="_blank">不锈钢时尚咖啡水壶</a>
                                <div class="price">
                                    <span>￥400.00</span>
                                </div>
                                <a href="#" class="mask">
                                    <span>查看详情</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="goods-link" target="_blank" title="经典系列红色时钟">
                                    <img src="../static/images/img103.png" alt="经典系列红色时钟">
                                </a>
                                <a href="#" class="goods-title" title="经典系列红色时钟" target="_blank">经典系列红色时钟</a>
                                <div class="price">
                                    <span>￥580.00</span>
                                </div>
                                <a href="#" class="mask">
                                    <span>查看详情</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 左边导航栏 -->
            <div class="topnav-left">
                <div class="logo">
                    <a href="index.html">
                        <img src="../static/images/logo.png" alt="logo">
                    </a>
                </div>
                <ul>
                    <li id="show-all-type">
                        <a href="#">查看所有类别</a>
                    </li>
                    <li>
                        <a href="index.html">首页</a>
                    </li>
                    <li>
                        <a href="allproducts.html">所有产品</a>
                    </li>
                    <li>
                        <a href="blog.html">博客</a>
                    </li>
                    <li>
                        <a href="article.html">文章列表</a>
                    </li>
                </ul>
            </div>
            <!-- 右边导航栏 -->
            <div class="topnav-right">
                <!-- 搜索栏 -->
                <a href="#" class="search"></a>
                <a href="login.html" class="topnav-right-font">登录</a>
                <span class="topnav-right-font">|</span>
                <a href="register.html" class="topnav-right-font">注册</a>
                <!-- 购物车和购物车详情 -->
                <div class="shop-cart-and-cart-detail">
                    <!-- 购物车 -->
                    <div class="shop-cart">
                        <span class="cart-icon"></span>
                        <span class="cart-number">0</span>
                    </div>
                    <!-- 购物车详情-->
                    <div class="cart-detail">
                        <p class="con">0件商品 共计：<span>￥0</span></p>
                        <a href="shopcart.html" class="btn">结算</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 顶部栏结束 -->
    <div class="s_content">
        <div class="s_content_c inner_c">
            <div class="s_info">
                <ul class="left">
                    <li>
                        <div class="show">
                            <a href="#">
                                <img src="../static/images/s.jpeg" alt="">
                            </a>
                        </div>
                        <div class="data">
                            <div class="nickname">
                                <a href="#">
                                    <img src="../static/images/img61.png" alt="">
                                    <span>青竹</span>
                                </a>
                            </div>
                            <div class="date">
                                <span>2017-01-19 17:41</span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="show">
                            <a href="#">
                                <img src="../static/images/g.jpeg" alt="">
                            </a>
                        </div>
                        <div class="data">
                            <div class="nickname">
                                <a href="#">
                                    <img src="../static/images/img61.png" alt="">
                                    <span>青竹</span>
                                </a>
                            </div>
                            <div class="date">
                                <span>2017-01-19 17:41</span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="show">
                            <a href="#">
                                <div class="art">
                                    <h5>当轻博客遇见电商</h5>
                                    <p class="sub">
                                        欢迎使用友好速搭，你看到的这个版块是轻博客功能，它能让你更好地展示和传播你的理念。现在简单介绍下这个功能，你可以新建4种轻博客内容：文字博客图片博客音乐博客视频博客友好速搭轻博客作为独立网站的功能之一，它将是实现你轻流量入口的重要一步。我们意在为你营造一个温暖的氛围，和冷冰冰的电商说再见。在做优雅有温度的生意的同时，写下你的故事，分享你的心情。让店铺中的每一件商品都赋有鲜活的生命力。将你的故事心情、优美的图片、有共鸣的音乐以及心动的视频随时随地分享至微博或朋友圈等平台，会有更多的人看到你和你独立
                                    </p>
                                </div>
                            </a>
                        </div>
                        <div class="data">
                            <div class="nickname">
                                <a href="#">
                                    <img src="../static/images/img61.png" alt="">
                                    <span>青竹</span>
                                </a>
                            </div>
                            <div class="date">
                                <span>2017-01-19 17:41</span>
                            </div>
                        </div>
                    </li>
                </ul>
                <ul class="right">
                    <li>
                        <div class="show">
                            <a href="#">
                                <img src="../static/images/s.jpeg" alt="">
                            </a>
                        </div>
                        <div class="data">
                            <div class="nickname">
                                <a href="#">
                                    <img src="../static/images/img61.png" alt="">
                                    <span>青竹</span>
                                </a>
                            </div>
                            <div class="date">
                                <span>2017-01-19 17:41</span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="show">
                            <a href="#">
                                <img src="../static/images/s.jpeg" alt="">
                            </a>
                        </div>
                        <div class="data">
                            <div class="nickname">
                                <a href="#">
                                    <img src="../static/images/img61.png" alt="">
                                    <span>青竹</span>
                                </a>
                            </div>
                            <div class="date">
                                <span>2017-01-19 17:41</span>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- footer部分开始 -->
    <div class="footer">
        <div class="footer_c inner_c">
            <div class="footer_top">
                <div class="bir">
                    <a href="#">
                        <img src="../static/images/logo.png" alt="">
                    </a>
                    <div class="info">
                        青竹良品原创生活类电商品牌，秉承一贯的严谨态度，我们深入世界各地，从源头全程严格把控商品生产环节，力求帮消费者甄选到最优质的商品，全线采用天然原材料，控制甲醛低量无害，采用进口工艺，国际生产线不断优化，食材保证核心原产地新鲜直供，让你享受品质生活
                    </div>
                </div>
                <div class="about">
                    <dl>
                        <dt>
                            <a href="#">关于我们</a>
                        </dt>
                        <dd>
                            <a href="#">我的品牌</a>
                        </dd>
                        <dd>
                            <a href="#">公司动态</a>
                        </dd>
                        <dd>
                            <a href="#">经历发展</a>
                        </dd>
                        <dd>
                            <a href="#">商品推广</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <a href="#">支付方式</a>
                        </dt>
                        <dd>
                            <a href="#">微信支付</a>
                        </dd>
                        <dd>
                            <a href="#">支付宝</a>
                        </dd>
                        <dd>
                            <a href="#">百度钱包</a>
                        </dd>
                        <dd>
                            <a href="#">货到付款</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <a href="#">相关服务</a>
                        </dt>
                        <dd>
                            <a href="#">退货政策</a>
                        </dd>
                        <dd>
                            <a href="#">购物流程</a>
                        </dd>
                        <dd>
                            <a href="#">客服服务</a>
                        </dd>
                        <dd>
                            <a href="#">商务合作</a>
                        </dd>
                    </dl>
                </div>
                <div class="ewm">
                    <p class="wx">
                        <img src="../static/images/img71.png" alt="">
                        <span>微信公众号</span>
                    </p>
                    <p class="wb">
                        <img src="../static/images/img72.png" alt="">
                        <span>微博公众号</span>
                    </p>
                </div>
            </div>
        </div>
        <div class="footer_bar">
            <div class="footer_bar_c inner_c">
                <div class="pay">
                    <p class="copy">
                        2019 © youhaosuda.com
                    </p>
                    <p class="ico">
                        <a href="#">
                            <img src="../static/images/img81.png" alt="">
                        </a>
                        <a href="#">
                            <img src="../static/images/img82.png" alt="">
                        </a>
                        <a href="#">
                            <img src="../static/images/img83.png" alt="">
                        </a>
                        <a href="#">
                            <img src="../static/images/img84.png" alt="">
                        </a>
                        <a href="#">
                            <img src="../static/images/img85.png" alt="">
                        </a>
                        <a href="#">
                            <img src="../static/images/img86.png" alt="">
                        </a>
                        <a href="#">
                            <img src="../static/images/img87.png" alt="">
                        </a>
                    </p>
                </div>
                <div class="super">
                    <a href="#" class="pic1">

                    </a>
                    <a href="#" class="pic2">

                    </a>
                    <a href="#" class="pic3">

                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 返回顶部 -->
    <div class="lingpin_top">
        <a href="#" class="qq">QQ<br />客服</a>
        <a href="#" class="wx">微信<br />客服</a>
        <a href="#" class="top_c">↑</a>
    </div>

    <script src="../static/js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#show-all-type").hover(function () {
                $("#all-type").show()
            }, function () {
                $("#all-type").hide()
            });
            $("#all-type").hover(function () {
                $("#all-type").show()
            }, function () {
                $("#all-type").hide()
            })
        })
    </script>
</body>

</html>